.weui-popup {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 5000;
  width: 100%;
  background-color: @popup-bg;
  transform: translateY(100%);
  backface-visibility: hidden;
  transition: transform 0.3s;
  &_full {
    height: 100vh;
    overflow: scroll;
  }
  &_toggle {
    transform: translate(0);
  }
  &__hd {
    position: relative;
    display: flex;
    padding: @popup-head-padding;
    text-align: center;
    background-color: @popup-head-bg;
    &::after {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      height: 1px;
      color: @popup-head-color;
      border-bottom: 1px solid @popup-head-border-bottom-color;
      transform: scaleY(0.5);
      transform-origin: 0 100%;
      content: ' ';
    }
  }
  &__action {
    display: block;
    flex: 1;
    color: @popup-head-action-color;
    &:first-child {
      text-align: left;
    }
    &:last-child {
      text-align: right;
    }
  }
}
